<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Cobbler</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Cobbler helps you manage your installations.">
  <meta name="theme-color" content="#317EFB"/>
  <link rel="shortcut icon" href="#">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
</head>
<body class="mat-typography">

<cobbler-root></cobbler-root>

</body>

<!-- image assets attributions:
    Photo by fauxels from Pexels (group around the table)
    Photo by Pixabay from Pexels (Gears and Cogs)
    Photo by ready made from Pexels (mobile phone displaying recycle symbol)
    -->
</html>
